import { FC } from "react";
import './bee.scss';

const BeeBox: FC = () => {
    const items = Array.from({ length: 9 }, (_, index) => index + 1);
    return (
        <div className="container">
            <div className="line">
                {items.map(() => <div className="item"></div>)}
            </div>

            <div className="line">
                {items.map(() => <div className="item"></div>)}
            </div>

            <div className="line">
                {items.map(() => <div className="item"></div>)}
            </div>

            <div className="line">
                {items.map(() => <div className="item"></div>)}
            </div>
        </div>
    );
};

export default BeeBox;